import { defineComponent, ref } from "vue";
import styles from "./RecordingPrompt.module.scss";
import { useStore as useRecordingPromptStore } from "@/store/recordingPrompt";
export default defineComponent({
  setup() {
    const recordingPromptStore = useRecordingPromptStore();
    const confirm = () => {
      recordingPromptStore.is_show = false;
    }
    return () => (
      <>
        {
          recordingPromptStore.is_show && <div class={styles.RecordingPrompt}>
            <div class={styles.card}>
              <span class={styles.title}>中联金安保险经纪有限公司</span>
              <div class={styles.tips}>
                温馨提示，您将进入中联金安保险经纪有限公司投保流程，请确认以下信息：
              </div>
              <div class={styles.chips}>
                <div class={styles.chip}>
                  <div class={styles.label}>1、合作保险公司</div>
                  <div class={styles.value}>该产品由泰山财产保险股份有限公司菏泽中心支公司首席承保</div>
                </div>
                <div class={styles.chip}>
                  <div class={styles.label}>2、投保记录操作</div>
                  <div class={styles.value}>您的投保过程将被记录</div>
                </div>
              </div>
              <div class={styles.btn} onClick={() => { confirm() }}>知道了</div>
            </div>
          </div>
        }
      </>
    )
  }
})